<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 引入vue的js文件 -->
		<script src="js/vue.js"></script>
	</head>
	<body>
		
		<div id="app" class="div">
			<ul>
				<li v-for="item,index in myArr">{{index}}{{item}}</li>
			</ul>
			<ul>
				<li v-for="item,index in student">{{index}}{{item}}</li>
			</ul>
			<ul>
				<li v-for="item in studentes">{{item.name}}</li>
			</ul>	
		</div>
		
	</body>
	<script>
	var app=new Vue({
		el:"#app",
		data:{
			myArr:["java基础","数据结构","python","数据库"],
			student:{"name":"tom","age":25},
			studentes:[
				{"name":"tom"},
				{"name":"lily"},
				{"name":"tony"}
			]
		}
	})
	
	</script>
</html>
